<include file="Public:head" />
<!-- Nav tabs -->
<ul class="nav nav-tabs">
    <a class="log-out">注销|登录</a>
    <li class="active"><a href="index.html">组别管理</a></li>
    <li><a href="profile.html">员工管理</a></li>
    <li><a href="log.html">系统日志</a></li>
    <li><a href="settings.html">系统设置</a></li>
    <li><a href="undelete.html">回收站</a></li>    
</ul>
<!-- Tab panes -->
<div class="tab-content">


<div class="tab-pane active" id="home">
	<div class="page-header botm">
    	<h1>组别管理<small></small></h1>
    </div>
    <div class="btnmenu">
    	<button type="button" class="btn btn-primary " id="btn-group-add" data-toggle="modal" data-target="#myModa0">新增组别</button>
    </div>
	<table class="table table-hover manage-user">
        <thead><tr><td>顺序</td><td>组别名称</td><td>英文别名</td><td>操作</td></tr></thead>
        <tbody>
        <volist name="data" id="vo">
            <tr>
                <td>{$i}</td>
                <td>{$vo.name}</td>
                <td>{$vo.ename}</td>
                <td><input type="hidden" name="id" value="{$vo.id}"><a class="label label-primary user-edit" data-toggle="modal" data-target="#myModa0">编辑</a>  <a class="label label-primary user-delete">删除</a>  <a class="label label-danger" data-toggle="modal" data-target="#myModal">选择人员</a></td>
            </tr>
        </volist>
        </tbody>
    </table>
    
    <div class="modal fade" id="myModa0"  role="dialog" aria-hidden="true">
      <div class="modal-dialog zubie">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          </div>
          <div class="modal-body">
          		<input type="hidden" name="id" class="id" value="" />
          		<div>
                	<div class="zubie_name1">组别名称：</div>
                	<div class="zubie_name2"><input class="form-control name1" value=""></div>
                </div>
                <div>
                	<div class="zubie_name1">英文别名：</div>
                	<div class="zubie_name2"><input class="form-control name2"  value=""></div>
                </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn" data-dismiss="modal">取消</button>
            <button type="button" class="btn btn-primary" id="addzubie">确定</button>
          </div>
        </div>
      </div>
    </div>
    
	<div  class="modal fade" id="myModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    	<div class="modal-dialog" style="width:800px;">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">给下列员工增加组别</h4>
          </div>
          <div class="modal-body">
             <ul class="mingdan">
             	<li><label class="user"><input name="" type="checkbox" value="" />付嘉</label></li>
              <li><label class="user"><input name="" type="checkbox" value="" />吴烨</label></li>
              <li><label class="user"><input name="" type="checkbox" value="" />屈蕾</label></li>
              <li><label class="user"><input name="" type="checkbox" value="" />朱晓波</label></li>
              <li><label class="user"><input name="" type="checkbox" value="" />汤蓉</label></li>
              <li><label class="user"><input name="" type="checkbox" value="" />徐霞</label></li>
              <li><label class="user"><input name="" type="checkbox" value="" />李惠</label></li>
              <li><label class="user"><input name="" type="checkbox" value="" />曾慧</label></li>
              </ul>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn" data-dismiss="modal">取消</button>
            <button type="button" class="btn btn-primary">提交</button>
          </div>
        </div>
      </div>
    </div>
  
	
</div>



</div>
</div>
<script>
	$(function() {
		$('#home').find('tbody').sortable({animation: 150});
	});
	
	//window.onload = function(){
    	//var wrapper = document.getElementById('home').getElementsByTagName('tbody')[0];
		//console.log(wrapper);
    	//Sortable.create(wrapper,{animation: 150,});
	//}
</script>
</body>
</html>